<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快速入门</title>
</head>
<body>
    <div id="app">
        <p>姓名,{{name}}</p><!--两组大括号是vue中的插值表达式写法-->
        <p>年龄,{{age}}</p>
    </div>
        <p>姓名,{{name}}</p><!--由于此处的差值表达式不在vue接管的区域类，所以无法取值-->
        <p>年龄,{{age}}</p>
</body>
<script src="../js/vue.js"></script>
<script>
    //1.创建Vue对象
    let vue =new Vue({
        //2.定义Vue对象中定义变量或者方法
        el:"#app",
        //3.在Vue对象中定义变量或者方法
        data:{//在data中定义变量
            name:"张大炮",
            age:35
        }
        //4.使用Vue中定义的变量和方法

    });
    //弹框展示vue中定义的变量
    console.log(vue);
    console.log(vue.name);
    console.log(vue.age);

</script>
</html>